<section class="landing-block">
	<div class="g-pb-70">
		<div class="landing-block-node-bgimg g-pt-150 g-bg-img-hero g-pos-rel u-bg-overlay g-bg-darkblue-opacity-0_7--after"
			 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1920x1281/img1.jpg);">
			<div class="landing-block-node-container js-animation fadeInUp container g-max-width-750 u-bg-overlay__inner g-mb-60">

				<h2 class="landing-block-node-title landing-semantic-title-image-big text-center text-uppercase g-font-weight-700 g-font-size-60 g-color-white g-mb-30 g-mb-70--md">
					UI & UX Design 2022</h2>

				<div class="row g-mx-minus-5">
					<div class="col-md-4 col-lg-4 g-px-5 g-mb-20 g-mb-0--md">
						<div class="media">
							<div class="landing-block-node-date-icon-container media-left d-flex align-self-center g-mr-20 g-color-white-opacity-0_5 g-font-size-27">
								<i class="landing-block-node-date-icon fa fa-calendar"></i>
							</div>

							<div class="media-body text-uppercase">
								<div class="landing-block-node-date-title landing-semantic-text-image-medium g-mb-5 g-font-size-14 g-color-white-opacity-0_5">
									<span style="font-weight: bold;">When</span></div>
								<h3 class="landing-block-node-date-text landing-semantic-text-image-medium text-uppercase g-font-size-15 g-color-white mb-0">
									18:30, 12 Jul, 2022</h3>
							</div>
						</div>
					</div>

					<div class="col-md-5 col-lg-5 g-px-5 g-mb-20 g-mb-0--md">
						<div class="media">
							<div class="landing-block-node-place-icon-container media-left d-flex align-self-center g-mr-20 g-color-white-opacity-0_5 g-font-size-27">
								<i class="landing-block-node-place-icon fa fa-map-marker"></i>
							</div>

							<div class="media-body text-uppercase">
								<div class="landing-block-node-place-title landing-semantic-text-image-medium g-mb-5 g-font-size-14 g-color-white-opacity-0_5">
									<span style="font-weight: bold;">Where</span></div>
								<h3 class="landing-block-node-place-text landing-semantic-text-image-medium text-uppercase g-font-size-15 g-color-white mb-0">
									Concert Hall, Los Angeles,
									USA</h3>
							</div>
						</div>
					</div>

					<div class="col-md-3 col-lg-3 text-md-right g-px-5">
						<a class="landing-block-node-button landing-semantic-link-image-medium btn g-btn-type-solid g-btn-size-sm g-btn-px-l text-uppercase g-btn-white rounded-0"
						   href="#">Register Now</a>
					</div>
				</div>
			</div>

			<div class="container u-bg-overlay__inner g-bottom-minus-70 px-0 g-z-index-2">
				<div class="row u-shadow-v23 g-theme-event-bg-blue-dark-v2 mx-0">
					<div class="landing-block-slider col-md-6 col-lg-6 px-0 g-pr-10" data-slider-arrows="3" data-slider-animation="1">
						<div class="js-carousel text-center u-carousel-v5 g-overflow-hidden h-100"
							 data-infinite="true"
							 data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-40 g-height-40 g-font-size-20 g-transition-0_2 g-transition--ease-in g-color-white g-bg-primary g-opacity-0_8--hover"
							 data-arrow-left-classes="fa fa-angle-left g-left-0"
							 data-arrow-right-classes="fa fa-angle-right g-right-0">
							<div class="landing-block-node-card landing-block-node-card-img js-slide g-bg-img-hero g-min-height-50vh"
								 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1000x667/img1.jpg);"></div>

							<div class="landing-block-node-card landing-block-node-card-img js-slide g-bg-img-hero g-min-height-50vh"
								 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1000x667/img2.jpg);"></div>
						</div>
					</div>

					<div class="landing-block-node-inner-block landing-semantic-bg-color-main col-md-6 col-lg-6 d-flex g-min-height-50vh g-theme-event-color-gray-dark-v1 g-py-80 g-py-20--md g-px-50">
						<div class="align-self-center w-100">
							<h2 class="landing-block-node-block-title landing-semantic-title-medium text-uppercase g-font-weight-700 g-color-primary g-mb-10">
								About The
								Event</h2>
							<h6 class="landing-block-node-block-subtitle landing-semantic-subtitle-small text-uppercase g-color-white g-mb-20">
								Fusce pretium
								augue quis sem consectetur</h6>
							<div class="landing-block-node-block-text landing-semantic-text-small mb-0">
								<p>Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in
									blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
								<p>Nunc ullamcorper, justo a iaculis elementum, enim orci viverra eros,
									fringilla porttitor lorem eros vel odio. In rutrum tellus vitae blandit lacinia.
									Phasellus
									eget
									sapien odio. Phasellus eget sapien odio. Vivamus at risus quis leo tincidunt. </p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
